// header
.header {
  width: 100%;
  height: 1rem;
  display: flex;
  position: relative;
  border-bottom: 1px solid #F6F6F6;
  .box_l {
    width: 1rem;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    .lt {
      width: 0.25rem;
      height: 0.25rem;
      border: 1px solid #000;
      transform: rotate(-45deg);
      border-right: none;
      border-bottom: none;
    }
  }
  .box_r {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    p {
      font-size: 0.36rem;
      font-weight: 800;
    }
  }
}
// name
.name{
    width: 100%;
    height: 1.6rem;
    padding-left: .3rem;
    display: flex;
    align-items: center;
    p{
        font-size: .44rem;
        font-weight: 800;
    }
}
// list
.list{
    .list_t{
        li{
            display: flex;
            width: 100%;
            height: 1rem;
            align-items: center;
            p:nth-of-type(1){
                margin-left: .3rem;
                font-size: .34rem;
                line-height: 1rem;
                font-weight: 800;
                border-bottom: 1px solid #ececec;
                flex: 3;
            }
            p:nth-of-type(2){
                flex: 6;
                font-size: .28rem;
                color: #757575;
            }
            span{
                flex: 2;
               div{
                width: 0.2rem;
                height: 0.2rem;
                border: 1px solid #ccc;
                transform: rotate(135deg);
                margin-left: .2rem;
                border-right: none;
                border-bottom: none;
               }
            }
        }
        .lis{
            .yuan{
                font-size: .28rem;
                color: #ccc;
            }
        }
    }
    .list_b{
        li{
            display: flex;
            width: 100%;
            height: 1rem;
            align-items: center;
            p:nth-of-type(1){
                margin-left: .3rem;
                font-size: .34rem;
                line-height: 1rem;
                font-weight: 800;
                border-bottom: 1px solid #ececec;
                flex: 3;
            }
            p:nth-of-type(2){
                flex: 8;
                font-size: .28rem;
                color: #757575;
            }
        }
    }
}

// footer
.footer{
    width:100%;
    .footer_main{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        .footer_t{
            width: 90%;
            p{
                padding-top: .4rem;
                font-size: .24rem;
                color: #999;
            }
        }
        .footer_b{
            width: 90%;
            display: flex;
            justify-content: center;
            button{
                width: 100%;
                border-radius: .1rem;
                height: 1rem;
                margin-top: .6rem;
                border: none;
                    outline: none;
                    background-color: #3072F6;
                p{
                    font-size: .34rem;
                    font-weight: 800;
                    color: #fff;
                    
                }
            }
        }
    }
}